<template>
  <div id="app">
    <ul>
      <li v-for="item in myArr" :key="item">
            {{ item }}
      </li>
    </ul>
    <button @click="fn">走一走</button>
  </div>
</template>

<script>
export default {
   data(){
      return {
          myArr: ["帅哥", "美女", "程序猿"],
      }
   },
   methods: {
      fn() {
          this.myArr.push(this.myArr[0])   // 第一个数组元素尾部追加
          this.myArr.shift()               // 删除数组头部元素
      }
   }
};
</script>

<style>
</style>
